<!--<template>-->
<!--  <div>-->
<!--    <el-upload-->
<!--        :action="uploadUrl"-->
<!--        list-type="picture-card"-->
<!--        :on-success="handleSuccess"-->
<!--        :before-upload="beforeUpload"-->
<!--        :on-error="handleError"-->
<!--        :file-list="file"-->
<!--        auto-upload-->
<!--        :show-file-list="true"-->
<!--        :limit="1"-->
<!--        :on-exceed="handleExceed"-->
<!--        :on-preview="handlePictureCardPreview"-->
<!--        :headers="headers"-->
<!--        :on-remove="handleRemove">-->
<!--      <i class="el-icon-plus"></i>-->
<!--    </el-upload>-->
<!--    <el-dialog :visible.sync="dialogVisible">-->
<!--      <img width="100%" :src="dialogImageUrl" alt="">-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import store from '@/utils/store.js';-->
<!--const token = store.state.token;-->



<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      uploadUrl:'http://localhost:8080/upload/upload',-->
<!--      dialogImageUrl: '',-->
<!--      dialogVisible: false,-->
<!--      file: [],-->
<!--      headers:{-->
<!--        "Authentication":token-->
<!--      },-->
<!--    };-->
<!--  },-->
<!--  methods: {-->
<!--    beforeUpload(file) {-->
<!--      // 可以在这里进行文件大小和类型检查-->
<!--      const isJPG = file.type === 'image/jpeg';-->
<!--      const isLt2M = file.size / 1024 / 1024 < 2;-->

<!--      if (!isJPG) {-->
<!--        this.$message.error('上传图片只能是 JPG 格式!');-->
<!--        return false;-->
<!--      }-->
<!--      if (!isLt2M) {-->
<!--        this.$message.error('上传图片大小不能超过 2MB!');-->
<!--        return false;-->
<!--      }-->
<!--      return true;-->
<!--    },-->
<!--    handleError(err, file, fileList) {-->
<!--      console.log(err, file, fileList);-->
<!--      this.$message.error('文件上传失败');-->
<!--    },-->
<!--    handleSuccess(response, file, fileList){-->
<!--      console.log("图片上传成功&#45;&#45;",response,file,fileList);-->
<!--      this.dialogImageUrl = response.url;-->
<!--      console.log("图片地址&#45;&#45;",this.dialogImageUrl);-->
<!--      this.$emit("sendImg",this.dialogImageUrl);-->
<!--    },-->
<!--    handleRemove(file, fileList) {-->
<!--      console.log(file, fileList);-->
<!--    },-->
<!--    handleExceed(files, fileList) {-->
<!--      this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);-->
<!--    },-->
<!--    handlePictureCardPreview(file) {-->
<!--      this.dialogImageUrl = file.url;-->
<!--      this.dialogVisible = true;-->
<!--    }-->
<!--  },-->
<!--  created() {-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->